{extend name="base"}
{block name="title"}游戏详情{/block}
{block name="head"}
<script src="__STATIC__/common/avalon.mobile-2.2.9.min.js"></script>
<style>
    ol{width:155px;height:105px;margin: 0 auto; padding: 0 auto;}
    ol.pkss li{width:150px;}
    td {font-size: 20px;color: #0C0C0C ;}
    ol.pkss li i{width:30%; max-width:70px; min-width:30px; height:50px;}
    i {font-size: 10px;}
    ul.nms li {width:30px; height:40px;}
    td.OxValue td{text-align:center;}
    td.OxValue i {width:25%; height:22px;}
    .border-table tbody th{text-align:center; color:#333; font-weight:400; padding-left:5px;}
    .border-table{font-size:12px; color:#666;}
    .border-table th, .border-table td{text-align:center; padding:0 4px;}
</style>
{/block}
{block name="body"}
<body>

<!--导航栏-->
<div class="location">
    <a href="javascript:history.back(-1);" class="back"><i class="iconfont icon-up"></i><span>返回上一页</span></a>
    <a href="{:url('index/home')}" class="home"><i class="iconfont icon-home"></i><span>首页</span></a>
    <i class="arrow iconfont icon-arrow-right"></i>
    <span>游戏详情</span>
</div>
<!--/导航栏-->
<div class="table-container">
    <table class="ltable border-table">
        <tr>
            <td width="150">庄家牌型</td>
            <td colspan="4">
                <div class="ta">
                <ol class="pkss" style="text-align: center;">
                    {lt name='$BankerCard.5' value='1'}
                        <li>
                            <i  class="pk_{$BankerCard.4}" ></i>
                            <i  class="pk_{$BankerCard.3}" ></i>
                            <i  class="pk_{$BankerCard.2}" ></i>
                            <i  class="pk_{$BankerCard.1}" ></i>
                            <i  class="pk_{$BankerCard.0}" ></i>
                        </li>
                    {else/}
                        <li>
                            <i  class="pk_{$BankerCard.4}" ></i>
                            <i  class="pk_{$BankerCard.3}" ></i>
                        </li>
                        <li>
                            <i  class="pk_{$BankerCard.2}" ></i>
                            <i  class="pk_{$BankerCard.1}" ></i>
                            <i  class="pk_{$BankerCard.0}" ></i>
                        </li>
                    {/lt}
                    </ol>
                </div>
            </td >
        </tr>
        <tr>
            <td>庄家牛牛类型</td>
            <td class="OxValue" colspan="4"><i class="niu_{$BankerCard.5}" ></i></td>
        </tr>
        <tr>
            <td>桌号</td>
            <td>黑</td>
            <td>红</td>
            <td>梅</td>
            <td>方</td>
        </tr>
        <tr>
            <td>玩家牌型</td>
            <td>
                <ol class="pkss">
                    {lt name='$DCard.5' value='1'}
                        <li>
                            <i  class="pk_{$DCard.4}" ></i>
                            <i  class="pk_{$DCard.3}" ></i>
                            <i  class="pk_{$DCard.2}" ></i>
                            <i  class="pk_{$DCard.1}" ></i>
                            <i  class="pk_{$DCard.0}" ></i>
                        </li>
                    {else/}
                        <li>
                            <i  class="pk_{$DCard.4}" ></i>
                            <i  class="pk_{$DCard.3}" ></i>
                        </li>
                        <li>
                            <i  class="pk_{$DCard.2}" ></i>
                            <i  class="pk_{$DCard.1}" ></i>
                            <i  class="pk_{$DCard.0}" ></i>
                        </li>
                    {/lt}
                </ol>
            </td>
            <td>
                <ol class="pkss" style="text-align: center;">
                    {lt name='$XCard.5' value='1'}
                        <li>
                            <i  class="pk_{$XCard.4}" ></i>
                            <i  class="pk_{$XCard.3}" ></i>
                            <i  class="pk_{$XCard.2}" ></i>
                            <i  class="pk_{$XCard.1}" ></i>
                            <i  class="pk_{$XCard.0}" ></i>
                        </li>
                    {else/}
                        <li>
                            <i  class="pk_{$XCard.4}" ></i>
                            <i  class="pk_{$XCard.3}" ></i>
                        </li>
                        <li>
                            <i  class="pk_{$XCard.2}" ></i>
                            <i  class="pk_{$XCard.1}" ></i>
                            <i  class="pk_{$XCard.0}" ></i>
                        </li>
                    {/lt}
                </ol>
            </td>
            <td>
                <ol class="pkss" style="text-align: center;">
                    {lt name='$NCard.5' value='1'}
                    <li>
                        <i  class="pk_{$NCard.4}" ></i>
                        <i  class="pk_{$NCard.3}" ></i>
                        <i  class="pk_{$NCard.2}" ></i>
                        <i  class="pk_{$NCard.1}" ></i>
                        <i  class="pk_{$NCard.0}" ></i>
                    </li>
                    {else/}
                    <li>
                        <i  class="pk_{$NCard.4}" ></i>
                        <i  class="pk_{$NCard.3}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$NCard.2}" ></i>
                        <i  class="pk_{$NCard.1}" ></i>
                        <i  class="pk_{$NCard.0}" ></i>
                    </li>
                    {/lt}
                </ol>
            </td>
            <td>
                <ol class="pkss" style="text-align: center;">
                    {lt name='$BCard.5' value='1'}
                    <li>
                        <i  class="pk_{$BCard.4}" ></i>
                        <i  class="pk_{$BCard.3}" ></i>
                        <i  class="pk_{$BCard.2}" ></i>
                        <i  class="pk_{$BCard.1}" ></i>
                        <i  class="pk_{$BCard.0}" ></i>
                    </li>
                    {else/}
                    <li>
                        <i  class="pk_{$BCard.4}" ></i>
                        <i  class="pk_{$BCard.3}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$BCard.2}" ></i>
                        <i  class="pk_{$BCard.1}" ></i>
                        <i  class="pk_{$BCard.0}" ></i>
                    </li>
                    {/lt}
                </ol>
            </td>
        </tr>
        <tr>
            <td>玩家牛牛类型</td>
            <td class="OxValue"><i class="niu_{$DCard.5}" ></i></td>
            <td class="OxValue"><i class="niu_{$XCard.5}" ></i></td>
            <td class="OxValue"><i class="niu_{$NCard.5}" ></i></td>
            <td class="OxValue"><i class="niu_{$BCard.5}" ></i></td>
        </tr>
        <tr>
            <td>输赢</td>
            {volist name='WinResult' id='v'}
            {eq name='v' value='0' }
            <td style="color: red;">庄赢</td>
            {else/}<td>庄输</td>{/eq}
            {/volist}
        </tr>
        <tr>
            <td>倍数</td>
            {volist name='WinBeiShu' id='v'}
            <td><span class="nummm1">{$v}倍</span></td>
            {/volist}
        </tr>
        <tr>
            <td>对局时间</td>
            <td colspan="4">{$StartTime}----{$EndTime}</td>
        </tr>
        <tr style="background-color:#9e9e9e;"><td></td><td style="font-weight:800;" colspan="4">玩家</td></tr>
        {volist name='u' id='v'}
        <tr>
            <td class="user-avatar">

                <div class="user-box">
                    <h4><a target="_blank" class="at_{$v.AccountsType}" href="{:url('user.detail/index')}?UserID={$v.userid}">{:htmlentities($v.name)}</a></h4>
                    <i>UserID:{$v.UserID}</i>
                    <i>GameID:{$v.GameID}</i>
                    {lt name='v.endScore' value='0'}
                    <i style="color: #ff0000; ">总流水:{$v.endScore}</i>
                    {else/}
                    <i style="color: #008800">总流水:{$v.endScore}</i>
                    {/lt}
                </div>
                <a href="{:url('user.detail/index')}?UserID={$v.userid}" target="_blank">
                    <img src="{$v.HeadImgUrl?:'__STATIC__/houtai/images/dface.png'}" />
                </a>
            </td>

            {volist name='v.addScore' id='ve'}
                <td>{$ve}</td>
            {/volist}
        </tr>
        {/volist}
    </table>
</div>


<!--<div>-->
<!--<tr>-->
<!---->
<!--</tr>-->
<!--</div>-->
</body>
{/block}